﻿
@{
    ViewBag.Title = "Đề xuất kế hoạch định hướng năm";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
    List<SelectListItem> lstNam = new List<SelectListItem>();
    lstNam.Add(new SelectListItem
    {
        Value = "-1",
        Text = "-- Chọn năm --"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2012",
        Text = "2012"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2013",
        Text = "2013"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2014",
        Text = "2014"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2015",
        Text = "2015"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2016",
        Text = "2016"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2017",
        Text = "2017"
    });


    List<SelectListItem> lstDaotao = new List<SelectListItem>();
    lstDaotao.Add(new SelectListItem
    {
        Value = "-1",
        Text = "-- Chọn nhóm chỉ tiêu --"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "0",
        Text = "Đào tạo"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "1",
        Text = "Nghiên cứu khoa học"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "2",
        Text = "Tuyển sinh"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "3",
        Text = "Hội nhập quốc tế"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "4",
        Text = "Tổ chức các bộ"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "5",
        Text = "Thanh tra pháp chế"
    });

}
<link href="~/Content/standard_form_nhaplieu.css" rel="stylesheet" />
<link href="@Url.Content("~/Content/jquery-ui.1.10.2.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.maskedinput.js")"></script>
<script>
    function isNumeric(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
    }
    function datePicker() {
        var option = {
            //dayNamesMin: ["CN", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
            dayNamesMin: ["CN", "2", "T3", "T4", "T5", "T6", "T7"],
            monthNames: ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5",
                "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12"],
            dateFormat: "dd/mm/yy",
            onSelect: function (selectedDate) {
                //alert(selectedDate);

            }
        };

        $("#Hanbaocao").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
        $("#Hanbaocao").datepicker(option);
    }
    $(document).ready(function () {
        datePicker();
        $('.restartall').blur(function () {
            if ($(this).val() != "") {
                if (!isNumeric($(this).val())) {
                    alert('Bạn vui lòng nhập kiểu số !');
                    $(this).val('');
                }
            }
        });
    })

</script>
<style>
    .e-input3 {
        background-color: #fae8e8;
        border: 1px solid #fb8989;
        text-align: left;
        border-radius: 3px;
        padding: 5px;
        height: 26px;
        font-family: "Open Sans", arial !important;
        box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    }

    .e-input1 {
        background-color: #ddd;
        border: 1px solid #ddd;
        text-align: left;
        border-radius: 3px;
        padding: 5px;
        height: 26px;
        font-family: "Open Sans", arial !important;
        box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    }

    .e-input2 {
        border: 1px solid #8dc1e1;
        background: #bee6ff;
        text-align: left;
        border-radius: 3px;
        padding: 5px;
        height: 26px;
        font-family: "Open Sans", arial !important;
        box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    }
</style>
<div class="page-bar">
    <ul class="page-breadcrumb" style="padding: 4px;">
        <li>
            <i class="fa fa-home"></i>
            <a href="#">Đề xuất kế hoạch định hướng năm</a>
        </li>
    </ul>
</div>
<div class="row margin-bottom-20">
    <div class="col-md-5">
        <div class="row" style="margin-top:5px;">
            @Html.Label("Năm kế hoạch", new { @class = "col-md-5", id = "lb1" })
            <div class="col-md-7">
                @Html.DropDownList("Namlapbc", lstNam, new { id = "Level1", style = "margin:0px;", @class = "form-control input-sm" })
            </div>
        </div>
        <div class="row" style="margin-top:5px;">
            @Html.Label("Nhóm chỉ tiêu", new { @class = "col-md-5" })
            <div class="col-md-7">
                @Html.DropDownList("Namsudunglai", lstDaotao, new { id = "Level1", style = "margin:0px;", @class = "form-control input-sm" })
            </div>
        </div>
    </div>
    <div class="col-md-5">
        <div class="row" style="margin-top:5px;">
            @Html.Label("Tên kế hoạch đề xuất", new { @class = "col-md-5" })
            <div class="col-md-7">
                @Html.TextBox("Tenmockiensoat", "", new { @id = "FULL_NAME_SEARCH", @class = "form-control input-sm", style = "", placeholder = "Nhập tên mốc kiểm soát" })
            </div>
        </div>
        <div class="row" style="margin-top:5px;">
            @Html.Label("Ngày tạo kế hoạch đề xuất", new { @class = "col-md-5", style = "white-space: nowrap;" })
            <div class="col-md-7">
                @Html.TextBox("Hanbaocao", null, new { @class = "form-control input-sm", style = "", placeholder = "Nhập hạn báo cáo" })
            </div>
        </div>
    </div>
    <div class="col-md-2">
        <div class="row" style="margin-top:5px; text-align:right;">
            <div class="col-md-12">
                <button type="button" class="btn btn-sm btn-default" style="width: 90px; margin-bottom: 5px; cursor:pointer;" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus-square-o"></i> Tạo mới</button>
                <button type="submit" class="btn btn-sm btn-default" id="btnSearch" style="width:90px;" name="command" value="Search"><i class="fa fa-search"></i> Tìm kiếm</button>
            </div>
        </div>
    </div>
</div>
<div id="gridContent" align="center">
    <table class="table table-striped table-bordered table-hover dataTable no-footer" style="width:100%;">
        <thead>
            <tr class="header">
                <th scope="col">
                    STT
                </th>
                <th scope="col" style="width:12%;">
                    Năm kế hoạch
                </th>
                <th scope="col" class="hidden-480" style="width:32%;">
                    Tên kế hoạch đề xuất
                </th>
                <th scope="col" class="hidden-480" style="width:18%;">
                    Ngày tạo
                </th>
                <th scope="col" class="hidden-480" style="width:18%;">
                    Ngày cập nhật
                </th>
                <th scope="col" class="hidden-480" style="width:12%;">
                    Trạng thái
                </th>
                <th scope="col" width="8%;">Thao tác</th>
            </tr>
        </thead>
        <tbody id="body">
            <tr class="webgrid-row-style" id="stt1">
                <td class="clsSTT" style="text-align: center; width: 30px;">
                    1
                </td>
                <td>
                    <div id="spnFullName" class="display-mode">
                        <span class="hidden-780 tenbc">2017</span>
                    </div>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Kế hoạch định hướng năm 2017
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        31/12/2016
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        01/01/2017
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline" style="color:red;">
                        Đang phê duyệt
                    </span>
                </td>
                <td class="clsAction">
                    <div style="text-align:center;">
                        <div class="btn-group">
                            <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                                <div class="label label-info">
                                    <i class="fa fa-th"></i>
                                </div>
                            </a>
                            <ul class="dropdown-menu no-angle pull-right right">
                                <li>
                                    <a onclick="onEdit('stt1')" data-index="DS588" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                                </li>
                                <li>
                                    <a onclick="onDelete('stt1')" data-index="DS588" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="webgrid-row-style" id="stt1">
                <td class="clsSTT" style="text-align: center; width: 30px;">
                    2
                </td>
                <td>
                    <div id="spnFullName" class="display-mode">
                        <span class="hidden-780 tenbc">2016</span>
                    </div>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Kế hoạch định hướng năm 2016
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        31/12/2015
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        01/01/2016
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Chưa nộp đề xuất
                    </span>
                </td>
                <td class="clsAction">
                    <div style="text-align:center;">
                        <div class="btn-group">
                            <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                                <div class="label label-info">
                                    <i class="fa fa-th"></i>
                                </div>
                            </a>
                            <ul class="dropdown-menu no-angle pull-right right">
                                <li>
                                    <a onclick="onEdit('stt1')" data-index="DS588" style="cursor:pointer;"><i class="fa fa-cloud-upload"></i> Nộp đề xuất</a>
                                </li>
                                <li>
                                    <a onclick="onEdit('stt1')" data-index="DS588" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                                </li>
                                <li>
                                    <a onclick="onDelete('stt1')" data-index="DS588" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="webgrid-row-style" id="stt1">
                <td class="clsSTT" style="text-align: center; width: 30px;">
                    3
                </td>
                <td>
                    <div id="spnFullName" class="display-mode">
                        <span class="hidden-780 tenbc">2015</span>
                    </div>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Kế hoạch định hướng năm 2015
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        31/12/2014
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        01/01/2015
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Đã phê chuẩn
                    </span>
                </td>
                <td class="clsAction">
                    <div style="text-align:center;">
                        <div class="btn-group">
                            <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                                <div class="label label-info">
                                    <i class="fa fa-th"></i>
                                </div>
                            </a>
                            <ul class="dropdown-menu no-angle pull-right right">
                                <li>
                                    <a onclick="onEdit('stt1')" data-index="DS588" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                                </li>
                                <li>
                                    <a onclick="onDelete('stt1')" data-index="DS588" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="webgrid-row-style" id="stt1">
                <td class="clsSTT" style="text-align: center; width: 30px;">
                    4
                </td>
                <td>
                    <div id="spnFullName" class="display-mode">
                        <span class="hidden-780 tenbc">2014</span>
                    </div>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Kế hoạch định hướng năm 2014
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        31/12/2013
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        01/01/2014
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Đã phê chuẩn
                    </span>
                </td>
                <td class="clsAction">
                    <div style="text-align:center;">
                        <div class="btn-group">
                            <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                                <div class="label label-info">
                                    <i class="fa fa-th"></i>
                                </div>
                            </a>
                            <ul class="dropdown-menu no-angle pull-right right">
                                <li>
                                    <a onclick="onEdit('stt1')" data-index="DS588" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                                </li>
                                <li>
                                    <a onclick="onDelete('stt1')" data-index="DS588" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>

            <tr class="webgrid-row-style" id="stt1">
                <td class="clsSTT" style="text-align: center; width: 30px;">
                    5
                </td>
                <td>
                    <div id="spnFullName" class="display-mode">
                        <span class="hidden-780 tenbc">2013</span>
                    </div>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Kế hoạch định hướng năm 2013
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        31/12/2012
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        01/01/2013
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Đã phê chuẩn
                    </span>
                </td>
                <td class="clsAction">
                    <div style="text-align:center;">
                        <div class="btn-group">
                            <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                                <div class="label label-info">
                                    <i class="fa fa-th"></i>
                                </div>
                            </a>
                            <ul class="dropdown-menu no-angle pull-right right">
                                <li>
                                    <a onclick="onEdit('stt1')" data-index="DS588" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                                </li>
                                <li>
                                    <a onclick="onDelete('stt1')" data-index="DS588" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="webgrid-row-style" id="stt1">
                <td class="clsSTT" style="text-align: center; width: 30px;">
                    6
                </td>
                <td>
                    <div id="spnFullName" class="display-mode">
                        <span class="hidden-780 tenbc">2012</span>
                    </div>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Kế hoạch định hướng năm 2012
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        31/12/2011
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        01/01/2012
                    </span>
                </td>
                <td class="clsUserName hidden-480">
                    <span id="spnUserName" class="display-mode timeline">
                        Đã phê chuẩn
                    </span>
                </td>
                <td class="clsAction">
                    <div style="text-align:center;">
                        <div class="btn-group">
                            <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                                <div class="label label-info">
                                    <i class="fa fa-th"></i>
                                </div>
                            </a>
                            <ul class="dropdown-menu no-angle pull-right right">
                                <li>
                                    <a onclick="onEdit('stt1')" data-index="DS588" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                                </li>
                                <li>
                                    <a onclick="onDelete('stt1')" data-index="DS588" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>

        </tbody>
    </table>
</div>
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog modal-lg" style="width:70%;">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header" style="color: white;background-color: #428bca;border-color: #357ebd;">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Lập kế hoạch định hướng năm 2016</h4>
            </div>
            <div class="modal-body">

                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th rowspan="2" style="width:40%;"><span>Chọn nhóm:</span><select class="form-control" style="width: 65%;display: -webkit-inline-box;margin-left: 3%;"><option>Đào tạo</option><option>Tổ chức cán bộ</option><option>Xây dựng</option></select></th>
                                <th rowspan="2" style="width:15%;text-align: center;">ĐHQG</th>
                                <th colspan="3" style="width:45%;text-align: center;">ĐHKHTN</th>
                            </tr>
                            <tr>
                                <th style="text-align: center;">Dự kiến của ĐHQG</th>
                                <th style="text-align: center;">Đề xuất điều chỉnh</th>
                                <th style="text-align: center;">Năm trước</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Đại học chính quy</td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control " value="5700" /></td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control restartall" value="560" /></td>
                                <td><input type="text" class="e-input3 form-control" value="560" /></td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control" value="530" /></td>
                            </tr>
                            <tr>
                                <td>Đại học vừa làm vừa học</td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control " value="3300" /></td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control restartall" value="330" /></td>
                                <td><input type="text" class="e-input3 form-control" value="330" /></td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control" value="234" /></td>
                            </tr>
                            <tr>
                                <td>Thạc sỹ</td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control " value="5132" /></td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control restartall" value="345" /></td>
                                <td><input type="text" class="e-input3 form-control" value="345" /></td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control" value="530" /></td>
                            </tr>
                            <tr>
                                <td>Tiến sỹ</td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control " value="2343" /></td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control restartall" value="543" /></td>
                                <td><input type="text" class="e-input3 form-control" value="543" /></td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control" value="654" /></td>
                            </tr>
                            <tr>
                                <td>Học sinh PT chuyên</td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control " value="7653" /></td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control restartall" value="1212" /></td>
                                <td><input type="text" class="e-input3 form-control" value="1212" /></td>
                                <td><input type="text" disabled="disabled" class="e-input1 form-control" value="5443" /></td>
                            </tr>
                        </tbody>
                    </table>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-primary">Ghi nhận</button>
                <button type="button" data-dismiss="modal" class="btn btn-primary">Chốt</button>
                <button type="button" data-dismiss="modal" class="btn btn-primary">Export</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Hủy bỏ</button>
            </div>
        </div>

    </div>
</div>
